<template>
    <div>
        <van-search v-model="value" placeholder="" />
        <van-swipe :autoplay="3000" lazy-render>
            <van-swipe-item v-for="image in images" :key="image">
                <img class="img1" :src="image" />
            </van-swipe-item>
        </van-swipe>
        <van-grid :column-num="3">
  <van-grid-item v-for="value in 18" :key="value" icon="photo-o" text="文字" />
</van-grid>
    </div>
</template>

<script setup>
const images = [
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
];

</script>

<style>
    .img1{
        width: 100%;
    }
</style>